body {
  background-color: #f5f5f5;
  color: #F8F8F8;
  overflow-y: scroll;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
html, body {
  height: 100%;
  width: 100%;
}
.page_wrapper{
  height: 100%;
}
.main{
  margin: 0 20px 0 70px;
}
#main_wrapper {
  height: 100%;
  overflow-y: scroll;
  background: #f5f5f5;
  transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari 和 Chrome */
  -o-transition: all 1s; /* Opera */
}
#main_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#main_wrapper{
  margin-left: 240px;
  padding-top: 48px;
}
.top-bars ,.top-bars:hover{
  color: #fff !important;
  margin-left: 20px;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.side_menu_active #main_menu{
  left: -240px;
}
.side_menu_active #main_wrapper{
  margin-left: 0px;
}
.navbar-custom>a{
  color: #fff !important;
  text-decoration: none!important;
}
.navbar-custom .dropdown-menu{
  min-width: 100px;
  width: 110px;
}
  /*#main_header*/
#main_header{
  background-color: #00ae66;
  height: 48px;
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  top:0;
}
#main_header .navber-title,.brand_section,.naver-tady,.navbar-custom,.navber-right{
  display: inline-block;
  color:#fff;
  height: 100%;
}
#main_header .navber-title{
  margin-left: 20px;
}
#main_header .navber-right{
  float: right;
  line-height: 48px;
  margin-right: 20px;
}
#main_header .navbar-custom{
  border-left: 1px #009966 solid;
  margin-left: 10px;
  padding-left: 10px;
}
/*main_menu*/
#main_menu {
  width: 240px;
  height: 100%;
  position: fixed;
  left: 0;
  top: 48px;
  background: #17292d;
  padding: 0 0 50px;
  display: block;
  z-index: 101;
  color:#fff;
  transition: left 1s;
  -moz-transition: left 1s; /* Firefox 4 */
  -webkit-transition: left 1s; /* Safari 和 Chrome */
  -o-transition: left 1s; /* Opera */
}
.submenu{
  display: none;
}
#nav a {
  color: #fff;
}
#nav>li{
  position: relative;
  margin: 0;
  text-align: left;
  font-weight: bold;
}
#nav>li>a {
  position: relative;
  display: block;
  height: 50px;
  padding: 15px 15px;
  border-bottom: 1px solid #102023;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#nav>li>a>i {
  position: relative;
  display: block;
  float: left;
  width: 50px;
  height: 48px;
  line-height: 50px;
  border-right: 1px solid #102023;
  text-align: center;
  margin: -15px 10px -15px -15px;
}
#nav>li>a>i .icon-bg {
  position: absolute;
  z-index: 12;
  z-index: 0;
  left: -47px;
  width: 100%;
  top: 0;
  bottom: 0;
  -moz-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  -webkit-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
}
#nav>li.open>a>i .icon-bg, #nav>li.active>a>i .icon-bg, #nav>li:hover>a>i .icon-bg {
  left: 0;
}
#nav .bg-danger {
  background-color: #E94B3B;
  color: #fff;
}
#nav .bg-success {
  background-color: #23AE89;
  color: #fff;
}
#nav>li>a>i:before {
  position: relative;
  z-index: 1;
}
#nav>li.active>a, #nav>li:hover>a {
  background-color: rgba(81, 92, 95, 0.32);
}
#nav ul>li.open>a, #nav ul>li.active>a, #nav ul>li:hover>a {
  background-color: rgba(81, 92, 95, 0.32);
}
#nav>li:first-child>a {
  border-top: 0;
}
#nav>li.open .submenu{
  display: block;
}
#breadcrumbs {
  background: #fcfcfc;
  height: 32px;
  line-height: 32px;
  position: relative;
  padding: 0 15px 0 25px;
}
#nav a:hover, #nav a:focus, #nav a:active {
  text-decoration: none;
}
#nav ul li>a {
  position: relative;
  display: block;
  padding: 13px 0 13px 25px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 13px;
  font-weight: normal;
}
#nav ul li>a i.glyphicon {
  margin-right: 25px;
}
#nav .submenu {
   background: rgb(45, 55, 58);
}
#nav .submenu li{
  border-bottom: 1px solid #102023;
}
.form-group .btn-edit-item{
  cursor: pointer;
  margin-top: 7px;
}
.form-group .btn-edit-item.glyphicon-plus{
  color: #5CB85C;
}
.form-group .btn-edit-item.glyphicon-minus{
  color: #BF0000;
}
.data_select{
  display: inline-block;
}
.data_select input{
  width: 45%;
  max-width: 100px;
  min-width: 70px;
}
.panel-head-time{
  width: 70%;
}
.panel-head-time .time-row{
  display: inline-block;
  width: 80%;
}
/*导航栏颜色*/
#nav .glyphicon-home .icon-bg{
  background-color: #00ae66;
  color: #fff;
}
#nav .glyphicon-lock .icon-bg{
  background-color: #7266ba;
  color: #fff;
}
#nav .glyphicon-grain .icon-bg{
  background-color: #e36159;
  color: #fff;
}
#nav .glyphicon-user .icon-bg{
  background-color: #2baab1;
  color: #fff;
}
#nav .glyphicon-pencil .icon-bg{
  background-color: #ecbb6b;
  color: #fff;
}
#nav .glyphicon-globe .icon-bg{
  background-color: #463c7e;
  color: #fff;
}
/*字体颜色*/
.color-red{
  color: #d9534f;
}
.color-green{
  color:#5cb85c;
}
/*公用*/
.row-line{
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}